<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/tmpl_game.xhtml">

	<ui:define name="centro">
		<p:tabView effect="fade" effectDuration="normal">
			<p:tab title="Execuções em Atraso">
				<form id="atraso"></form>
			</p:tab>
			<p:tab title="Açoes">
				<form id="acao">
					<p:messages id="messages" showDetail="true" autoUpdate="true" />

					<p:dataTable id="listaAcao" var="acao" value="#{acaoMBean.acoes}" paginator="true" rows="10"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15" emptyMessage="Nenhuma ação existente" filteredValue="#{acaoMBean.acoesFiltro}"
						resizableColumns="true" selectionMode="single" rowKey="#{acao.id}" selection="#{acaoMBean.acao}">

						<f:facet name="header">
							Lista de Ações
						</f:facet>

						<p:column headerText="Projeto" sortBy="#{acao.itemSprint.productBacklog.projeto.titulo}" filterBy="#{acao.itemSprint.productBacklog.projeto.titulo}" filterMatchMode="contains">
							<p:outputLabel value="#{acao.itemSprint.productBacklog.projeto.titulo}" />
						</p:column>

						<p:column headerText="Product Backlog" sortBy="#{acao.itemSprint.productBacklog.titulo}" filterBy="#{acao.itemSprint.productBacklog.titulo}" filterMatchMode="contains">
							<p:outputLabel value="#{acao.itemSprint.productBacklog.titulo}" />
						</p:column>

						<p:column headerText="Tipo Ação">
							<p:outputLabel value="#{acao.tipoAcao.acao}" />
						</p:column>

						<p:column headerText="Data Ação">
							<p:outputLabel value="#{acao.dataAcao}" />
						</p:column>
						
						<p:column headerText="Status">
							<h:graphicImage value="#{acaoMBean.imagemVisualizacao}" />
						</p:column>

					</p:dataTable>

				</form>
			</p:tab>

		</p:tabView>

	</ui:define>

</ui:composition>

</html>
